<template>
    <div class="cover">
      <img :src="proxy.globalInfo.imageUrl+cover"
           v-if="cover">
      <img v-else
           src="../assets/login-bg.jpg">
    </div>
  </template>
  
  <script setup>
  import { getCurrentInstance, reactive } from "vue"
  
  const props = defineProps({
    cover: {
      type: String
    }
  })
  const { proxy } = getCurrentInstance();
  </script>
  <style lang="scss">
  .cover {
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    overflow: hidden;
    img {
      width: 100%;
    }
  }
  </style>